/**使用前须看，控制表单显隐的钩子在common/hooks/useDialog 涉及到控制对话框等显示隐藏的钩子都可以用这个
 *
 * @param {function} submit 负责提交的函数，接收一个values参数，为表单的所有值
 * @param {function} cancel 负责取消的函数，隐藏表单
 * @param {boolean} visible 对话框的显示状态
 * @param {object} formData 表单的数据 参见common/hooks/formData
 * @param {object} initialValues 表单的回显数据 参见common/hooks/formData的name字段
 * @returns 返回表单对话框组件
 */
import React, { useState, useEffect } from 'react';
import FormItem from './FormItem';
import { Button, Modal } from 'antd';
const FormDialog = ({
  submit,
  visible,
  cancel,
  formData,
  initialValues,
  defaultFileList,
}) => {
  // 控制图片弹框的显隐

  const handleOk = (values) => {
    if (submit) {
      submit(values);
    }
  };
  const handleCancel = (e) => {
    if (cancel) {
      cancel(e);
    }
  };

  return (
    <div style={{ maxHeight: '600px' }}>
      <Modal
        bodyStyle={{
          maxHeight: '600px',
        }}
        visible={visible}
        title="事件处理"
        onOk={handleOk}
        onCancel={handleCancel}
        footer={[]}
      >
        <FormItem
          formData={formData}
          onSubmit={handleOk}
          initialValues={initialValues}
          defaultFileList={defaultFileList}
        />
      </Modal>
    </div>
  );
};

export default FormDialog;
